    @charset "utf-8";
    @import "common/reset";
    header {
        width: 100%;
        .vancl_top {
            width: 100%;
            height: 33px;
            border-bottom: 1px solid #cccccc;
            background-color: #f7f7f7;
            .top_head {
                background-color: #f7f7f7;
                border-bottom: 1px solid #cccccc;
                font-size: 0;
                height: 33px;
                width: 1200px;
                margin: 0 auto;
                span {
                    line-height: 33px;
                    font-size: 12px;
                    font-family: "microsoft yahei";
                    color: #808080;
                    a {
                        color: #808080;
                        &:hover{color: #b81c22;}
                    }
                }
                span:nth-child(3) {
                    padding-right: 14px;
                }
                span:nth-child(4) {
                    padding-left: 26px;
                    position: relative;
                    img {
                        position: absolute;
                        top: -5px;
                        left: 0px;
                    }
                }
                div:first-child {
                    margin-left: 10px;
                    display: inline-block;
                    .top_head_wone {
                        display: inline-block;
                        width: 20px;
                        height: 25px;
                        background-repeat: no-repeat;
                        background-image: url(../img/shouye/w1.jpg);
                        background-position: top 6px left 0;
                        position: relative;
                    }
                    .top_head_wone::after {
                        content: "";
                        background-image: url(../img/shouye/weixin.png);
                        width: 147px;
                        height: 168px;
                        position: absolute;
                        top: 27px;
                        right: 0px;
                        display: none;
                    }
                    .top_head_wone:hover::after {
                        display: block;
                        z-index: 12;
                    }
                    .top_head_wtwo {
                        display: inline-block;
                        width: 20px;
                        height: 25px;
                        background-repeat: no-repeat;
                        background-image: url(../img/shouye/w2.jpg);
                        background-position: top 6px left 0;
                    }
                }
            }
        }
        .vancl_header_seach {
            overflow: hidden;
            height: 89px;
            width: 1200px;
            margin: 0 auto;
            .header_seach {
                position: relative;
                padding-top: 28px;
                width: 1200px;
                .search_btn {
                    margin-left: 22px;
                    width: 107px;
                    height: 29px;
                    background-color: #b81b22;
                    border: 1px solid #c1383e;
                    padding-left: 5px;
                    line-height: 23px;
                    overflow: inherit;
                    z-index: 2;
                    position: relative; 
                    &::after{
                        content: "";
                        width: 106px;
                        height: 26px;
                        background-color: white;
                        border-bottom: 1px solid #b71b22;
                        border-right: 1px solid #b71b22;
                        position: absolute;
                        top: 27px;
                        right: -1px;
                        z-index: 1;
                        display: none;
                    }
                    &::before{
                        content: "111111";
                        width: 222px;
                        height: 26px;
                        background-color: white;
                        border: 1px solid #b71b22;
                        font-size: 12px;
                        color: #333;
                        padding-left: 9px;
                        line-height: 26px;
                        position: absolute;
                        top: 26px;
                        right:105px;
                        z-index: 1;
                        display: none;
                    }
                    i {
                        font-size: 16px;
                        color: white;
                        vertical-align: middle;
                    }
                    span {
                        font-size: 12px;
                        color: white;
                        vertical-align: middle;
                    }
                }
                .search_btn:hover{
                        height: 28px;
                    background-color: #fff;
                    border-bottom: 1px solid #fff;
                    z-index: 10000;
                    i{color: #b71d24;}
                    span{color:#b71d24;}
                    &::before{display: block;}
                    &::after{display: block;}
                }
                .search_text {
                    width: 309px;
                    height: 29px;
                    border: 1px solid #c9caca;
                    padding: 0px 0 8px 5px;
                    position: relative;
                    input {
                        width: 250px;
                        height: 27px;
                        border: none;
                        line-height: 27px;
                        font-size: 12px;
                    }
                    button {
                        width: 48px;
                        height: 27px;
                        background-color: #b81b22;
                        border-left: 1px solid #C9CACA;
                        color: white;
                        text-align: center;
                        line-height: 27px;
                        font-size: 14px;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }
                }
                .search_beforehand {
                    position: absolute;
                    right: 59px;
                    top: 57px;
                    height: 28px;
                    span {
                        font-size: 12px;
                        color: #727171;
                        line-height: 28px;
                        margin-left: 11px;
                    }
                }
            }
        }
        .vancl_nav {
            height: 81px;
            width: 1200px;
            margin: 0 auto;
            * {
                font-family: "microsoft yahei";
            }
            .nav_logo {
                padding-right: 15px;
            }
            .nav_virgule {
                margin-top: 28px;
                width: 1px;
                height: 16px;
                border-right: solid 1px #888;
                overflow: hidden;
                display: block;
            }
            dl {
                margin-top: 24px;
                text-align: center;
                padding-bottom: 20px;
                position: relative;
                a {
                    color: #727171;
                    &:hover{
                        color: #b81c22;
                    }
                }
                dt {
                    padding: 0 0 9px 0;
                    border-bottom: 0px solid red;
                    width: 97px;
                    a {
                        color: #727171;
                        font-size: 16px;
                    }
                }
                dd {
                    position: absolute;
                    left: 0;
                    width: 97px;
                    height: 0;
                    font-size: 0px;
                    color: #727171;
                    background-color: white;
                    border-left: 1px solid #eeeeee;
                    border-right: 1px solid #eeeeee;
                }
                dd:hover {
                    width: 97px;
                    font-size: 16px;
                    height: 35px;
                    a {
                        color: red;
                    }
                }
            }
            dl:hover dt {
                animation: dtone 20ms linear forwards;
            }
            @keyframes dtone {
                from {
                    border-bottom: 0px solid red;
                }
                to {
                    border-bottom: 5px solid red;
                }
            }
            dl:hover dd:last-child {
                border-bottom: 1px solid #eeeeee;
            }
            dl:hover .nav_list_1 {
                animation: srll 100ms cubic-bezier(1,.75,.46,.99) forwards;
                -moz-animation: srll 100ms cubic-bezier(1,.75,.46,.99) forwards;
                -ms-animation: srll 100ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    padding-top: 16px;
                    font-size: 16px;
                    position: absolute;
                    top: 46px;
                    height: 55px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_2 {
                animation: li 150ms cubic-bezier(1,.75,.46,.99) forwards;
                animation: li 150ms cubic-bezier(1,.75,.46,.99) forwards;
                -moz-animation: li 150ms cubic-bezier(1,.75,.46,.99) forwards;
                -ms-animation: li 150ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes li {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 92px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_3 {
                animation: srll3 200ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll3 {
                from {
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 127px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_4 {
                animation: srll4 250ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll4 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 162px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_5 {
                animation: srll5 300ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll5 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 197px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_6 {
                animation: srll6 350ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll6 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 232px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_7 {
                animation: srll7 400ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll7 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 267px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_8 {
                animation: srll8 450ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll8 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 302px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_9 {
                animation: srll9 500ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll9 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 337px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_10 {
                animation: srll10 550ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll10 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 372px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_11 {
                animation: srll11 600ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll11 {
                from {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                to {
                    font-size: 16px;
                    position: absolute;
                    top: 407px;
                    height: 35px;
                    z-index: 3;
                }
            }
            dl:hover .nav_list_12 {
                animation: srll12 650ms cubic-bezier(1,.75,.46,.99) forwards;
            }
            @keyframes srll12 {
                0% {
                    font-size: 0;
                    position: absolute;
                    top: 0;
                }
                100% {
                    font-size: 16px;
                    position: absolute;
                    top: 442px;
                    height: 35px;
                    z-index: 3;
                }
            }
        }
    }
    
    footer {
        width: 100%;
        margin-top: 16px;
        .footer_help {
            width: 1200px;
            margin: 0 auto;
            height: 282px;
            border: 1px solid #e0e0e1;
            padding: 33px 40px 0;
            .footer_service {
                .footer_service_left {
                    overflow: hidden;
                    width: 372px;
                    height: 138px;
                    border-right: 1px solid #e0e0e1;
                    p:first-child {
                        margin: 15px auto 28px;
                        text-align: center;
                        font-family: "Microsoft YaHei";
                    }
                    p:last-child {
                        font-family: "Microsoft YaHei";
                        margin: 0 auto;
                        text-align: center;
                        width: 156px;
                        height: 32px;
                        background-color: #b81c22;
                        line-height: 32px;
                        color: white;
                    }
                }
                .footer_service_right {
                    overflow: hidden;
                    width: 371px;
                    height: 138px;
                    border-left: 1px solid #e0e0e1;
                    div {
                        width: 99px;
                        height: 99px;
                        margin: 5px auto 19px;
                        text-align: center;
                        img {
                            width: 100%;
                        }
                    }
                    p {
                        font-family: "Microsoft YaHei";
                        text-align: center;
                        font-size: 14px;
                        color: #727171;
                        line-height: 14px;
                        span {
                            color: #a10000;
                        }
                    }
                }
                .footer_service_center {
                    width: 369px;
                    overflow: hidden;
                    p {
                        font-family: "Microsoft YaHei";
                        text-align: center;
                        font-size: 14px;
                        color: #727171;
                        line-height: 26px;
                    }
                    .service_centerimg {
                        margin: 20px 0;
                    }
                }
            }
            .footer_service_last {
                margin-top: 23px;
                padding: 17px 0 14px;
                background-color: #f8f8f8;
                p {
                    padding: 0 65px;
                    padding: 0px 65px;
                    line-height: 26px;
                    border-right: 1px solid #dadadb;
                    width: auto;
                    text-align: center;
                    margin-right: 0px;
                    font-size: 12px;
                    a{color: #333;}
                    a:hover{color:red;}
                }
                p:last-child{border-right: none;}
            }
        }
        .footer_line{
            height: 26px;
            border-bottom: 1px solid #989898;
            margin-bottom: 20px;
        }
        .footer_link{
            .suffix{
                p{
                    text-align: center;
                    line-height: 25px;
                    color: #3e3a39;
                    font-family: "Microsoft YaHei";
                    font-size: 12px;
                }
            }
            .consociation{
                width: 1200px;
                margin: 0 auto;
                padding: 30px 236px 25px;
                font-size: 0;
                div{display: inline-block;margin-bottom: 0;img{width: 100%;height: 100%;}}
                div:nth-child(1){
                    width: 112px;
                    height: 40px;
                    border: 1px solid #fc8610;
                    border-radius: 2px;
                }
                div:nth-child(2){
                    margin-left: 21px;
                    width: 156px;
                    height: 45px;
                    border: 1px solid #c9c8c8;
                }
                div:nth-child(3){
                    margin-left: 24px;
                    width: 87px;
                    height: 39px;
                }
                div:nth-child(4){
                    margin-left: 27px;
                    width: 94px;
                    height: 37px;
                }
                div:nth-child(5){
                    margin-left: 26px;
                    width: 42px;
                    height: 42px;
                }
                div:nth-child(6){
                    margin-left: 20px;
                    width: 119px;
                    height: 39px;
                }
            }
        }
    }